<template>
  <view class="notice-box">
    <view class="notice-item shadow" v-for="i in 3" :key="i">
      <view class="header">
        <img src="/static/icon/notice-icon.png" alt="" />
        <view class="header-text">通知</view>
      </view>
      <view class="content-item flex-jcfs-aic">
        <view class="content-label"> 公告标题：</view>
        <view class="content-value">停电通知 </view>
      </view>
      <view class="content-item flex-jcfs-aic">
        <view class="content-label"> 创建人：</view>
        <view class="content-value">这里是创建人 </view>
      </view>
      <view class="content-item flex-jcfs-aic">
        <view class="content-label"> 创建时间：</view>
        <view class="content-value">202506-11 12:34:24 </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
@import "./index.scss"; /* Your styles here */
</style>
